<!DOCTYPE html>
<html lang="en">
<head>
    <title>用户管理界面</title>

    <meta content="ie=edge" http-equiv="x-ua-compatible"/>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <meta content="webkit" name="renderer"/>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link
            href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link
            href="../metronic/assets/global/plugins/select2/select2.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"
            rel="stylesheet"
            type="text/css"
    />
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link
            href="../metronic/assets/global/css/components.min.css"
            id="style_components"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/css/plugins.min.css"
            rel="stylesheet"
            type="text/css"
    />
    <link
            href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"
            rel="stylesheet"
            type="text/css"
    />
    <link href="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.css"
          rel="stylesheet"
    />
    <link
            href="../theme/zTree/metroStyle/metroStyle.css"
            rel="stylesheet"
            type="text/css"
    />
    <!-- END THEME STYLES -->
    <link href="../css/serviceConfigration/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../plugins/notyf/notyf.min.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .form-group {
            margin-bottom: 5px;
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #f3565d;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }

        .modal-dialog {
            width: 500px !important;
        }

        .icheck-inline > label:first-child {
            margin-left: 15px;
        }

        .input-length {
            width: 210px !important;
        }
    </style>
</head>
<body class="page-header-fixed page-quick-sidebar-over-content ">
<div class="row" id="wrap">
    <!--Begin Right Content-->
    <div class="col-md-12" id="content">
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption"><i class="fa fa-globe"></i>用户管理</div>
                <div class="actions">
                    <a class="btn btn-default btn-sm" href="javascript:;" id="btn_add"> <i class="fa fa-plus"></i> 新增
                    </a>
                    <a class="btn btn-default btn-sm" href="javascript:;" id="btn_ref">
                        <i class="fa fa-refresh"></i> 刷新
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div class="table-toolbar" style="margin-bottom: 20px">
                    <div class="row">
                        <div class="col-md-3 ">
                            <label class="control-label">搜索：</label>
                            <input
                                    class="form-control input-inline input-length"
                                    id="seachTxt"
                                    placeholder="请输入关键字"
                                    type="text"
                            />
                        </div>
                        <div class="col-md-1">
                            <div class="btn-group" style="float: right;margin-right: 10px;">
                                <button class="btn blue-steel" id="btn_Search">查询 <i class="fa fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
                <table id="tb_dataList"></table>
            </div>
        </div>
    </div>
    <!--End Right Content-->

    <!-- Begin添加修改modal -->
    <div aria-hidden="true" class="modal fade" data-backdrop="static" id="EditContent" tabindex="-1">
        <div class="modal-dialog">
            <form class="form-horizontal form-body" id="form-data">
                <div class="modal-content">
                    <div class="modal-header">
                        <button aria-hidden="true" class="close" data-dismiss="modal" type="button"></button>
                        <h4 class="modal-title">用户管理</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">登录账号：</label>
                            <div class="col-md-9">
                                <input class="form-control input-inline input-medium" id="loginname" maxlength="10"
                                       name="loginname" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">用户名：</label>
                            <div class="col-md-9">
                                <input class="form-control input-inline input-medium" id="username" maxlength="10"
                                       name="username" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">角色：</label>
                            <div class="col-md-9">
                                <select class="selectpicker show-tick form-control input-inline input-medium"
                                        id="role"
                                        name="role"
                                >
                                    <option value="USER">用 户</option>
                                    <option value="ADMIN">管理员</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group" id="project-group">
                            <label class="col-md-3 control-label">授权项目：</label>
                            <div class="col-md-9">
                                <select class="selectpicker show-tick form-control input-inline input-medium"
                                        data-actions-box="true"
                                        data-live-search="true"
                                        id="project" multiple name="project">
                                </select>
                            </div>
                        </div>
                        <input id="userId" name="userId" type="hidden">
                    </div>
                    <div class="modal-footer">
                        <button class="btn default" data-dismiss="modal" type="button">关闭</button>
                        <button class="btn blue-steel" id="btn_save" type="submit">确定</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- End添加修改 -->

</div>
<input id="hid_serviceUrl" name="hid_serviceUrl" type="hidden" value=""/>
<input id="hid_a_pcode" name="hid_a_pcode" type="hidden" value=""/>
<!-- End隐藏域 -->
<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.js"></script>
<script src="../metronic/assets/global/plugins/bootstrap-select/i18n/defaults-zh_CN.js"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"
></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"
></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"
></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js" type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"
></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../js/zTree/jquery.ztree.core.min.js" type="text/javascript"></script>
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../plugins/notyf/notyf.min.js" type="text/javascript"></script>
<script src="../js/authorization/userManagement.js" type="text/javascript"></script>
</body>

</html>
